<template>
  <!--3d背景轴-->
  <line-item class="background3d-line" :timeline-item="timelineItem">
    <template v-for="(item, index) in sliderArr" :slot="index">
      <div class="background3d-content content-preview show-padding">
        <div class="content-img">
          <img :src="item.thumbnailUrl" alt="" />
        </div>
        <span class="content-text">{{ item.name }}</span>
        <span class="content-duration">{{ convertTime(item.duration) }}</span>
      </div>
    </template>
  </line-item>
</template>

<script>
import multiMixins from '@veditor/components/timeLine/js/multiTrackOld';
export default {
  name: 'Background3d',
  mixins: [multiMixins],
};
</script>

<style lang="stylus">
.background3d-line
  .line-item
    background-color #263d41
    color #64a2ac
</style>
